<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%@ include file="/include/taglibs.jsp"%>
<head>


<style type="text/css">
body {
	background-image: url(../images/mainframe-bg.jpg);
	background-repeat: repeat-x;
	margin: 0px auto;
	padding: 0px;
	position: relative;
	text-align: center;
}
</style>

<style type="text/css">
.tabselector {
  width: auto;
  border-bottom: 1px solid #c0c0c0;
  padding: 10px 0 0 20px;
}

.tab-unselected {
  display: inline;
  padding: 3px 7px 1px 7px;
  background: #ffffff;
  border: 1px solid #c0c0c0;
  border-bottom: 0;
  background-image:url(./images/tab_left_inactive.gif);
  background-repeat:no-repeat;
  margin-left:5px;
}

.tab-selected {
  display: inline;
  padding: 3px 7px 1px 7px;
  background: #ffffff;
  border: 1px solid #c0c0c0;
  border-bottom: 0;
  background-image:url(./images/tab_left_active.gif);
  background-repeat:no-repeat;
  margin-left:5px;
}
.tab-unselected a {
  color: #a0a0a0;
  text-decoration: none;
}

.tab-selected a {
  font-weight: bold;
  color: #0066CC;
  text-decoration: none;
}

</style>


<script language="javascript">
<!--
function senfe(o,a,b,c,d){
var t=document.getElementById(o).getElementsByTagName("tr");
for(var i=0;i<t.length;i++){
t[i].style.backgroundColor=(t[i].sectionRowIndex%2==0)?a:b;
t[i].onclick=function(){
if(this.x!="1"){
this.x="1";//本来打算直接用背景色判断，FF获取到的背景是RGB值，不好判断
this.style.backgroundColor=d;
}else{
this.x="0";
this.style.backgroundColor=(this.sectionRowIndex%2==0)?a:b;
}
}
$(t[i]).mouseover(function(){
if(this.x!="1")this.style.backgroundColor=c;
});
$(t[i]).mouseout(function(){
if(this.x!="1")this.style.backgroundColor=(this.sectionRowIndex%2==0)?a:b;
});
}
}
$(document).ready(function (){
	//senfe("表格名称","奇数行背景","偶数行背景","鼠标经过背景","点击后背景");
	senfe("t_robotlogsdetail","#e5f1f4","#f8fbfc","#ecfbd4","#bce774");
});
--></script>

</head>
<div>
<ul class="tabselector" id="tabcontrol">
  <li class="tab-selected" id="flow_tab">
  <a onclick="tabselect($('flow_tab'));
  changeInnerHtml('ne.port.performance.velocity.do?action=flow','topn'); return false;" href="#">20秒告警快照</a></li>
  <li class="tab-unselected" id="flowrate_tab">
  <a onclick="tabselect($('flowrate_tab'));
  changeInnerHtml('ne.port.performance.velocity.do?action=flowrate','topn'); return false;" href="#">20秒告警截图</a></li>
  
</ul>
<div id="content">
<div style="text-align: left; color: red"><html:errors /></div>
<table width="100%" cellpadding="4" class="liebiao"
	id="t_robotlogsdetail" align="center">
	<thead>
		<tr>
			<td>发生时间</td>
			<td>源地址</td>
			<td>源端口</td>
			<td>目的地址</td>
			<td>目的端口</td>			
			<td>红外指令</td>
			<td>RtpLost</td>
			<td>RtpSE</td>
			<td>DF</td>
			<td>MLR</td>
			<td>BitRate</td>
			<td>%Port</td>
			<td>音量</td>
			<td>电压</td>
			<td>告警信息</td>
			<td>用户体验</td>	
			<td>图片</td>				
		</tr>
	</thead>
	<tbody>
		<c:forEach var='detail' items="${RA_PAGER_ITEMS}" varStatus="vs">
			<tr>
				<td class="list-value">${detail.logTimeStr}</td>
				<td class="list-value">${detail.srcIp}</td>
				<td class="list-value">${detail.srcPort}</td>
				<td class="list-value">${detail.destIp}</td>
				<td class="list-value">${detail.destPort}</td>				
				<td class="list-value">${detail.irCommand}</td>
				<td class="list-value">${detail.rtplost}</td>
				<td class="list-value">${detail.rtpse}</td>
				<td class="list-value">${detail.df}</td>
				<td class="list-value">${detail.mdimlr}</td>
				<td class="list-value">${detail.bitRate}</td>
				<td class="list-value">${detail.portBitRate}</td>
				<td class="list-value">${detail.volume}</td>
				<td class="list-value">${detail.power}</td>
				<td class="list-value">${detail.avFaultDesc}</td>
				<td class="list-value">${detail.userQoe}</td>	
				<td class="list-value"><!-- ${detail.videoPicFile} -->  图片下载</td>							
			</tr>
		</c:forEach>		
		<c:if test="${empty RA_PAGER_ITEMS}">
			<tr>
				<td colspan="16"><strong>[ 没有查询到数据记录 ]</strong></td>
			</tr>
		</c:if>		
	</tbody>
	<tfoot>
	</tfoot>
</table>

<script type="text/javascript">
	var st = new SortableTable( document.getElementById("t_robotlogsdetail"), ["String", "String", "String","String","String","String","String", "String","String","String","String","String","String","String","String","String"],'#E4EEF7','white','#FF9900');
</script>
</div>